<script setup lang="ts">
import { reactive } from 'vue'

let versions = reactive({...window.electron.process.versions})
// let versions = reactive({})
// if (window.electron) {
//   version = { ...window.electron.process.versions }
// }

</script>

<template>
  <ul class="versions">
    <li class="electron-version">Electron v{{ versions.electron }}</li>
    <li class="chrome-version">Chromium v{{ versions.chrome }}</li>
    <li class="node-version">Node v{{ versions.node }}</li>
  </ul>
</template>
<style scoped lang="scss">
.versions{
  margin-left: 50%;
  transform: translateX(-50%);
}

</style>